前言

現在我們要用我們之前學的內容，
做一個簡單的 RecipeList APP。

實作

• 打開一個新的專案-RecipeList
  
• 使用 MVVM 結構
  
  
  Models 代表 app 中的數據，
  VIews 表示使用者界面，
  ViewModels 用來管理數據和運行 view 的業務邏輯
• 建立一些虛假數據
  
  
• 刻製 UI
  在 ContentView 中實例化 RecipeModel 並將它分配給變數 model ，
  用列表顯示 recipes 數據：
  
  xcode 顯示 error，
  這是因為要遍歷 array 的元素時，
  在 List 中我們必須指定 id，
  所以我們宣告的 struct Recipe 要符合可宣告協定並且宣告一個變數 id，
  保證每次都會分配一個唯一的 ID：
  
  
• 數據變化時自動更新 UI
  這主要分為三個步驟：
  step1：聲明 ViewModel 中的 RecipeModel 符合可觀察協定
  
  step2：在 View 中放入一個包裝器
  
  step3:放入 published 包裝器
  
  實驗看看：
  宣告一個 function：
  
  在 ContentView 中宣告一個 button，
  點擊這個 button 會印出 function 的內容：
  
  
  這表示 ViewModel 中的數據改變時，
  View 也隨著改變。